<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="../js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/domitory.css"/>
	</head>
	<body>
		<div class="cover"></div>
		<!-- 宿舍管理 -->
		<div class="content-box">
			<h1 class="title"> 宿舍管理 </h1>
			<div class="list">
				<div class="screen"> 
					<div class="btn-group ">
						<button type="button" class="floor-bt new-type new-type-l btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						楼层 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu floorList">
							<li><a href="#">一楼</a></li>
							<li><a href="#">二楼</a></li>
							<li><a href="#">三楼</a></li>
							<li><a href="#">四楼</a></li>
						</ul>
					</div>				
					<div class="btn-group ">
						<button type="button" class="room-bt new-type new-type-r btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						房间号 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu roomList">
							<li><a href="#">01</a></li>
							<li><a href="#">02</a></li>
							<li><a href="#">03</a></li>
							<li><a href="#">04</a></li>
							<li><a href="#">05</a></li>
							<li><a href="#">06</a></li>
						</ul>
					</div>
					<div class="search">
						<input type="text" placeholder="请输入员工信息"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>
					</div>
				    <div class="repear">  <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 添加入住 </div>
				</div>
				<div class="domitory-table">
					<table id="liveList" class="table table-striped table-bordered">
						<tr>
							<th>工号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>部门</th>
							<th>职位</th>
							<th>宿舍号</th>
							<th>床位号</th>
							<th>联系方式</th>
							<th>修改</th>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>01</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>02</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>03</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>04</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>05</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>06</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>	
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>07</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>101</td>
							<td>08</td>
							<td></td>
							<td><span class="bt_alert glyphicon glyphicon-edit" aria-hidden="true"></span></td>
						</tr>	
					</table>
					<div class="alter">
						<div class="close"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></div>
						<p> 修改入住信息 </p>
						<ul class="type">
							<li class="checked">不住宿 <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></li>
							<li>住宿 <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></li>
						</ul>
						<div class="msg">
							<span>楼</span><input type="text" name="">
							<span>房</span><input type="text" name="">
							<span>床</span><input type="text" name="">
						</div>
						<div class="sure">确定</div>
					</div>
					<div class="jug">
						<p> 暂无信息可以修改，请核实 </p>
						<div class="sure">确定</div>
					</div>
				</div>
			</div>
			<div class="repear-hp-box">
				<div class="repear-content">
					<div class="bt-close"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></div>
					<h1> 员工入住 </h1>
					<div class="search-item">
						<div class="department-type">
							<div class="show-msg">  <span class="caret"></span> </div>
							<ul class="department-list">
								<!-- <li>教务部</li>
								<li>医疗部</li>
								<li>膳食部</li>
								<li>财务部</li>
								<li>保卫科</li> -->
							</ul>
						</div>
						<span class="staff-search icon glyphicon glyphicon-search" aria-hidden="true"></span>
						<div class="icon-data">
							<span class="staff-data glyphicon glyphicon-file" aria-hidden="true"></span>
							<!-- <span class="glyphicon glyphicon-bell aria-hidden="true""></span> -->
						</div>
					</div>
					<div class="box-add">
						<ul class="box-add-ul">
						<!-- 	<li>
								<div class="staff-msg">
									<span class="name">许尹恒</span>
									<span class="sex">女</span>
									<span class="department">文艺部</span>
								</div>
								<div class="position">
									<span>楼</span> <input type="text">
									<span>房</span> <input type="text">
									<span>床</span> <input type="text">
								</div>
								<span class="error"> × </span>
							</li>
						 -->
						</ul>
					</div>
					<div class="bt-sure"> 确定 </div>
					
					<div class="stay-list">
						<div class="bt-close"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></div>
						<ul class="stay-ul">
							<!-- <li>
								<span class="name">许尹恒</span>
								<span class="sex">女</span>
								<span class="department">文艺部</span>
								<div class="operation">
									<span class="add glyphicon glyphicon-plus" aria-hidden="true"></span>
								</div>
							</li> -->
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 宿舍管理结束 -->
		<script type="text/javascript" src="../js/domitory.js"></script>
	</body>
</html>
